<template>
      <div class="page-gap clr-black">
            <Header :isTransparentBackground="false"></Header>
            <div class="pt-gap-comm">
                  <div class="constraint breadcrumb-box">
                        <el-breadcrumb separator="/">
                              <el-breadcrumb-item :to="{ path: '/' }">homepage</el-breadcrumb-item>
                              <el-breadcrumb-item><a href="/">promotion management</a></el-breadcrumb-item>
                              <el-breadcrumb-item>promotion list</el-breadcrumb-item>
                              <el-breadcrumb-item>promotion detail</el-breadcrumb-item>
                        </el-breadcrumb>
                  </div>
            </div>
            <div class="news-content-area">
                  <div class="constraint flex new-content-box item-column">
                        <div class="flex-1 new-main-ct-box">
                              <div class="">
                                    <h3 class="mb">文章的标题提现着文章的可读性</h3>
                                    <div class="mb" v-for="(item, index) in 10" :key="index">
                                          <div v-if="index % 3 != 0">
                                                <img src="https://www.tencent.com/img/banners/brief-1-1.jpg" alt="">
                                          </div>
                                          <p class="mb">这是一段文字问问问问问问呢无呢无女女女女女女呢过所过所过所过过所过所是个是个公司公司故事梗概市工商公司公司归属感公司公司归属感三个</p>
                                          <p class="mb">这是一段文字问问问问问问呢无呢无女女女女女女呢过所过所过所过过所过所是个是个公司公司故事梗概市工商公司公司归属感公司公司归属感三个</p>
                                          <p class="mb">这是一段文字问问问问问问呢无呢无女女女女女女呢过所过所过所过过所过所是个是个公司公司故事梗概市工商公司公司归属感公司公司归属感三个</p>
                                    </div>
                              </div>
                        </div>
                        <div class="new-btn-area">
                              <ul>
                                    <li class="ft-center">分享</li>
                                    <li class="" v-for="(item, index) in 3" :key="index"><img src="../../../assets/logo.png" alt=""></li>
                              </ul>
                        </div>
                  </div>
            </div>
            <CopyRight></CopyRight>
      </div>
</template>

<script lang="ts" setup>
import { defineComponent } from 'vue';
// 导航栏组件
import Header from '@/components/client/common/header/index.vue';
// 版权组件
import CopyRight from '@/components/client/common/copyright/index.vue';

let dataLink = () => {
      console.log('111111111111')
}
</script>